<template>
  <div id="page_3">
    <h2 class="app__title--second">2. 使用vue-cli创建项目</h2>
    <p><b>nodejs</b> 和 <b>npm</b> 配置完毕之后，就可以开始安装vue-cli了</p>
    <p>在cmd中键入以下命令</p>
    <p>
      <pre><code>$ npm install -g @vue/cli // 等待一段时间下载</code></pre>
    </p>
    <p>安装完毕后，<b>cd</b>到想要创建项目的目录下，键入以下命令即可创建项目</p>
    <p>
      <pre><code>$ vue create app-name //注意项目名称app-name不可为驼峰形式</code></pre>
    </p>
    <p>期间，命令行工具会询问你选择什么插件进行创建，目前选择 <b>default</b> 就好，两种方式只是插件安装不同而已，后续我们仍然可以自己手动安装要使用的插件</p>
    <p>在等待一段时间，插件安装完毕后，我们就可以<b>cd</b>到我们的项目目录，使用 <b>npm run serve</b> 启动我们的项目了</p>
    <p>项目启动后，会在控制台打印出访问地址，在浏览器中打开对应的url即可</p>
  </div>
</template>

<script>
export default {
  name: "Page3",
  data() {
    return {
      desc: "2. 使用vue-cli创建项目"
    }
  }
}
</script>

<style>

</style>